import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  /*example 的数据*/
  public exampleData = [
    {
      'title': '橘色商城【前端】',
      'small': 'html+css+javascript',
      'info' : '<p>这是一个采用html+css+js编写的一个纯前端商城网站</p><p>主要包括index login register pay indent cart六个页面HTML页面，每个页面对应的样式文件，以及js文件，</p>' +
      '<p>data目录下包括了一些模拟的静态的json数据用于模拟后台反馈的数据！</p>',
      'time' : '2017-10-01',
      'show' : 'http://canyuegongzi.xyz/demo/shop/',
      'download': 'http://oykcnjwn9.bkt.clouddn.com/shop.zip',
      'github': 'https://github.com/canyuegongzi/CODE/tree/master/shop'
    },
    {
      'title': '商城【前端】',
      'small': 'html+css+javascript+Bootstarp+jQuery',
      'info' : '<p>这是一个采用Bootstarp+jQuery仿写的商城网站</p><p>主要包括index login register pay indent cart六个页面HTML页面，每个页面对应的样式文件;</p>' +
      '<p>主要目的是熟悉bootstrap和jQuery的结合的开发方式！</p>',
      'time' : '2017-12-05',
      'show' : 'http://canyuegongzi.xyz/demo/shopBootstarp/',
      'download': 'http://oykcnjwn9.bkt.clouddn.com/shopBootstarp.zip',
      'github': 'https://github.com/canyuegongzi/CODE/tree/master/shopBootstarp'
    },
    {
      'title': '万福网WebApp【前端|WebApp】',
      'small': 'html+css+Zepto.js+swiper.js',
      'info' : '<p>这是一个采用Zepto.js+swiper.js编写的WebApp</p><p>主要包括首页，登录，商品详情，购物车，订单详情等常见的34个webApp页面六个页面;</p>' +
      '<p>主要采用了jQuery和Swiper开发！请在控制台中采用移动端模式调试！</p>',
      'time' : '2017-12-22',
      'show' : 'http://canyuegongzi.xyz/demo/webApp/',
      'download': '',
      'github' : 'https://github.com/canyuegongzi/CODE/tree/master/webApp'
    },
    {
      'title': '豆瓣【移动端】',
      'small': 'angulr.js+gulp',
      'info' : '<p>这个demo为仿豆瓣一刻的项目;</p><p>主要的模块包括今日一刻，往期内容，热门作者，栏目浏览，我的喜欢;</p><p>主要目的是熟悉angular.js的开发方式，在单页面应用中路由的使用，请在控制台中采用移动端模式调试！</p>',
      'time' : '2018-02-12',
      'show' : 'http://canyuegongzi.xyz/demo/Yike/',
      'download': '',
      'github': 'https://github.com/canyuegongzi/CODE/tree/master/Yike'
    },
    {
      'title': '后台管理【全栈】',
      'small': 'angulra+node(Express)+mongodb+ECharts',
      'info' : '<p>这是一个采用angular编写的前后端分离的后台管理系统,</p><p>前端采用angular6.0+ECharts编写，后端采用Express框架+mongodb编写.</p><p>1:主要功能：</p><ul><li>【用户模块】：' +
      '登录，注册，密码修改，信息修改，</li><li>【员工管理】：员工的增删改查，</li><li>【权限管理】，：' +
      '普通用户，管理员，超级管理员，</li><li>【工具箱】：快递查询，地图，天气，语音识别，文本编辑，音乐娱乐，通讯聊天： </li></ul>' +
      '<p>2：工具箱模块和通讯聊天模块暂时未开发完成 </p>' +
      '<p>3: 如果无法进行注册，可能是短信服务欠费的额原因，请用默认的用户 ：name：‘18215277476’ password：‘123456’</p>',
      'time' : '2018-05-12',
      'show' : 'http://47.106.104.22:8000/#/',
      'download': 'http://oykcnjwn9.bkt.clouddn.com/webSystem_server.zip',
      'github': 'https://github.com/canyuegongzi/SataSystem'
    },
    {
      'title': '博客系统【全栈】',
      'small': 'thinkPhp+MySql',
      'info' : '<p>这是一个采用thinkphp5仿写的博客系统</p>',
      'time' : '2018-06-12',
      'show' : '',
      'download': 'http://oykcnjwn9.bkt.clouddn.com/textphp.zip',
      'github': 'https://github.com/canyuegongzi/phpblog'
    },
  ];
  constructor() { }

  ngOnInit() {
  }

}
